import { createApp } from 'vue'  // 导入vue核心库
import App from './App.vue'  // 导入应用的根组件

import ElementPlus from 'element-plus'  // 导入Element Plus UI库，用于增强用户体验
import zhCn from 'element-plus/es/locale/lang/zh-cn' // 导入Element Plus的中文语言包
import './styles/index.scss'  // 导入应用的全局样式文件

import { createPinia } from 'pinia'  // 导入Pinia状态管理库，用于管理应用的状态

import router from './router'  // 导入应用的路由配置
import '@/permission' // 导入权限控制文件
import { myColor } from './directive/color'
import { auth } from './directive/auth'

// 创建Vue应用实例
const app = createApp(App)  

// 自定义指令
app.directive("myColor",myColor)
app.directive("auth",auth)

// 使用Element Plus UI库,并设置Element Plus的中文语言包
app.use(ElementPlus, { locale: zhCn })
// 使用Pinia状态管理器
app.use(createPinia())
// 使用Vue Router进行路由管理
app.use(router)

// 将应用挂载到HTML中id为'app'的元素上
app.mount('#app')